.my {
  padding: 30rpx;
  &__ {
    &header {
      display: flex;
      align-items: center;
      justify-content: space-between;
      padding-top: 40rpx;
      padding-bottom: 30rpx;

      &- {
        &left {
          display: flex;
          align-items: center;
          image {
            width: 155rpx;
            height: 155rpx;
            border-radius: 50%;
          }
        }

        &info {
          padding-left: 20rpx;
          display: flex;
          flex-direction: column;
          justify-content: space-between;
          height: 150rpx;
        }

        &more {
          margin-right: 30rpx;
          color: #999;
        }
      }

      &- {
        &nickname {
          font-size: 35rpx;
          font-weight: bold;
          color: #333;
        }

        &date {
          color: #999;
          font-size: 28rpx;

          span {
            margin-right: 10rpx;
            color: #333;
            font-size: 28rpx;
          }
        }

        &desc {
          color: #999;
          font-size: 28rpx;
        }
      }
    }

    &list {
      margin-top: 30rpx;
      display: flex;
      flex-direction: column;
      background-color: #fff;
      border-radius: 23rpx;

      &-item {
        border-bottom: 1px solid #f5f5f5;
        display: flex;
        padding: 30rpx;

        justify-content: space-between;

        &:last-child {
          border-bottom: none;
        }

        span {
          color: #999;
        }
      }
    }
  }
}
